<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/marketing/index.css">
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - 推荐好友
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

         <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item layui-this">
                        <a href="/center/marketing">
                            推荐好友
                        </a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/center/marketing/team">
                            我推荐的人
                        </a>
                    </li>
                    <span class="layui-nav-bar" style="width: 0px; left: 20px; opacity: 0; top: 57px;"></span></ul>

                <div class="main-content">
                    <div class="currency_lists">
                        <div class="item">
                            <div class="title">累计收益</div>
                            <div class="num">0.00 <span class="unit">颗</span></div>
                            <a class="detail" href="/center/account/details?currency_type=1">收支记录</a>
                        </div>
                        <div class="item">
                            <div class="title">今日收益</div>
                            <div class="num">0.00  <span class="unit">元</span></div>

                            <a class="detail" href="/center/account/details?currency_type=1">收支明细</a>
                        </div>
                    </div>
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 100px;">
                        <legend>推荐链接：</legend>
                    </fieldset>
                    <div class="recruit-friends">
                        <div class="recruit-left">
                            <p>邀请你的亲朋好友</p><span>复制链接发送给好友</span>
                        </div>
                        <p class="recruit-url">
                            <input type="text" id="share_link" class="share_link" th:value="${marketingUrl}" readonly="readonly">
                        </p>
                        <button type="button" class="  url_button">复制链接</button>
                    </div>
                    <div style="height: 100px;"></div>
                    <hr>
                    <p style="color: #999">
                        推荐好友
                        <a class="_color" href="/common/about/marketingexplain">
                            <u>
                                规则说明
                            </u>
                            &gt;&gt;
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>
<div layout:fragment="contentFooter">
    <script type="text/javascript">
        $('.url_button').click(function(event) {
            bottlecms.copy('share_link')
        });
    </script>

</div>
</html>